<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>文本处理</title>-->
<!--</head>-->
<!--<body>-->
<!--    <h1>输入文本进行分词</h1>-->
<!--    <form method="POST">-->
<!--        {% csrf_token %}-->
<!--        <textarea name="text" rows="10" cols="50" placeholder="输入中文文本..."></textarea><br>-->
<!--        <button type="submit">提交</button>-->
<!--    </form>-->
<!--</body>-->
<!--</html>-->



<!-- templates/index.html -->

<!--<!DOCTYPE html>-->
<!--<html lang="zh-CN">-->
<!--{% load static %}-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<!--    <title>文本分析器</title>-->
<!--    <link rel="stylesheet" href="{% static 'css/styles.css' %}">-->
<!--</head>-->
<!--<body>-->
<!--    <h1>文本分析器</h1>-->
<!--    <form method="POST" action=""> &lt;!&ndash; 确保 action 属性正确设置，或者留空以提交到当前页面 &ndash;&gt;-->
<!--        {% csrf_token %}-->
<!--        <textarea name="text" rows="5" cols="50" placeholder="输入中文文本..."></textarea>-->
<!--        <br>-->
<!--        <button type="submit">分析</button>-->
<!--    </form>-->
<!--</body>-->
<!--</html>-->

<!--<!DOCTYPE html>-->
<!--<html lang="zh-Hans">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<!--    <title>文本分析</title>-->
<!--    <link rel="stylesheet" href="{% static 'css/style.css' %}">-->
<!--</head>-->
<!--    <style>-->
<!--    body {-->
<!--        font-family: Arial, sans-serif;-->
<!--        line-height: 1.6;-->
<!--        margin: 20px;-->
<!--        background-color: #f9f9f9;-->
<!--        color: #333;-->
<!--    }-->

<!--    h1, h2 {-->
<!--        color: #2c3e50;-->
<!--        border-bottom: 2px solid #2c3e50;-->
<!--        padding-bottom: 10px;-->
<!--    }-->

<!--    pre {-->
<!--        background: #ffffff;-->
<!--        padding: 10px;-->
<!--        border: 1px solid #ccc;-->
<!--        border-radius: 5px;-->
<!--        overflow-x: auto;-->
<!--        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);-->
<!--    }-->

<!--    .wordcloud-img {-->
<!--        max-width: 100%;-->
<!--        height: auto;-->
<!--        border: 1px solid #ccc;-->
<!--        border-radius: 5px;-->
<!--        margin-top: 10px;-->
<!--    }-->
<!--    </style>-->
<!--    <body>-->
<!--        <h1>文本分析工具</h1>-->
<!--        <form method="POST" enctype="multipart/form-data">-->
<!--            {% csrf_token %}-->
<!--            <h2>输入文本</h2>-->
<!--            <textarea name="text" rows="10" cols="50"></textarea>-->
<!--            <button type="submit">提交</button>-->
<!--        </form>-->
<!--        {% if message %}-->
<!--            <p style="color:red;">{{ message }}</p>-->
<!--        {% endif %}-->
<!--    </body>-->
<!--&lt;!&ndash;</html>&ndash;&gt;-->
<!--<!DOCTYPE html>-->
<!--<html lang="zh-CN">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>主页</title>-->
<!--    <style>-->
<!--        body {-->
<!--            font-family: Arial, sans-serif;-->
<!--            background-color: #f8f8f8;-->
<!--            color: #333;-->
<!--            margin: 0;-->
<!--            padding: 20px;-->
<!--        }-->

<!--        header, main {-->
<!--            max-width: 800px;-->
<!--            margin: auto;-->
<!--        }-->

<!--        h1 {-->
<!--            text-align: center;-->
<!--            margin-bottom: 20px;-->
<!--            color: #444;-->
<!--        }-->

<!--        nav {-->
<!--            text-align: center;-->
<!--            margin-bottom: 20px;-->
<!--        }-->

<!--        nav a {-->
<!--            margin: 0 15px;-->
<!--            text-decoration: none;-->
<!--            color: #007bff;-->
<!--            font-weight: bold;-->
<!--        }-->

<!--        nav a:hover {-->
<!--            text-decoration: underline;-->
<!--        }-->

<!--        h2 {-->
<!--            color: #555;-->
<!--            margin-top: 20px;-->
<!--        }-->

<!--        p {-->
<!--            font-size: 16px;-->
<!--            line-height: 1.5;-->
<!--            margin: 10px 0;-->
<!--        }-->
<!--    </style>-->
<!--</head>-->
<!--<body>-->
<!--    <header>-->
<!--        <h1>金融数据分词系统</h1>-->
<!--        <nav>-->
<!--            <a href="{% url 'login' %}">登录</a>-->
<!--            <a href="{% url 'register' %}">注册</a>-->
<!--            <a href="{% url 'segment' %}">分词功能</a>-->
<!--            <a href="{% url 'help' %}">帮助文档</a>-->
<!--        </nav>-->
<!--    </header>-->
<!--    <main>-->
<!--        <h2>主页</h2>-->
<!--        <p>在这里，你可以进行文本分词和分析。对文本数据进行分词、词性识别、信息抽取、命名实体识别、计算词向量。</p>-->
<!--        <p>1.分词组件  分割出合理的词语序列，比如“我是中国人”，分割为“我”“是”“中国人”</p>-->
<!--        <p>2.词性识别  对词语序列赋予词性，如动词、名词、形容词、副词、介词。</p>-->
<!--        <p>3.信息抽取  从生文本中抽取出结构化信息的任务，如实体抽取、关系抽取、事件抽取、情感抽取</p>-->
<!--        <p>4.命名实体识别  识别出特定意义实体词语，比如姓名、机构名、地点、数字、日期</p>-->
<!--    </main>-->
<!--</body>-->
<!--</html>-->

<!--<!DOCTYPE html>-->
<!--<html lang="zh-CN">-->
<!--{% load static %}-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>金融数据分级分类系统</title>-->
<!--    <style>-->
<!--        /* 全局样式 */-->
<!--        body {-->
<!--            font-family: Arial, sans-serif;-->
<!--            margin: 0;-->
<!--            padding: 0;-->
<!--            background-color: #f4f4f4;-->
<!--            color: #333;-->
<!--        }-->

<!--        /* 页眉样式 */-->
<!--        header {-->
<!--            background-color: #333;-->
<!--            padding: 20px 0;-->
<!--        }-->

<!--        header h1 {-->
<!--            text-align: center;-->
<!--            margin: 0;-->
<!--            color: white;-->
<!--            font-size: 3em;-->
<!--            font-weight: bold;-->
<!--        }-->

<!--        /* 导航栏样式 */-->
<!--        nav {-->
<!--            background-color: #444;-->
<!--        }-->

<!--        nav ul {-->
<!--            list-style-type: none;-->
<!--            margin: 0;-->
<!--            padding: 0;-->
<!--            display: flex;-->
<!--            justify-content: center;-->
<!--        }-->

<!--        nav li {-->
<!--            margin: 0 15px;-->
<!--        }-->

<!--        nav a {-->
<!--            display: block;-->
<!--            padding: 10px 20px;-->
<!--            color: white;-->
<!--            text-align: center;-->
<!--            text-decoration: none;-->
<!--            border-radius: 5px;-->
<!--            transition: background-color 0.3s, transform 0.2s;-->
<!--        }-->

<!--        nav a:hover {-->
<!--            background-color: #666;-->
<!--            transform: scale(1.05);-->
<!--        }-->

<!--        nav a:active {-->
<!--            transform: scale(0.95);-->
<!--        }-->

<!--        /* 主体内容样式 */-->
<!--        main {-->
<!--            max-width: 1200px;-->
<!--            margin: 40px auto;-->
<!--            padding: 40px;-->
<!--            background-color: white;-->
<!--            border-radius: 10px;-->
<!--            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);-->
<!--        }-->

<!--        /* 标题和副标题样式 */-->
<!--        h2 {-->
<!--            color: #555;-->
<!--            margin-top: 40px;-->
<!--            border-bottom: 2px solid #ddd;-->
<!--            padding-bottom: 15px;-->
<!--            font-size: 2em;-->
<!--        }-->

<!--        h3 {-->
<!--            color: #777;-->
<!--            margin-top: 20px;-->
<!--            font-size: 1.5em;-->
<!--        }-->

<!--        /* 段落样式 */-->
<!--        p {-->
<!--            font-size: 16px;-->
<!--            line-height: 1.6;-->
<!--            margin: 20px 0;-->
<!--            padding: 0;-->
<!--            color: #666;-->
<!--        }-->

<!--        /* 图标样式 */-->
<!--        .icon {-->
<!--            width: 50px;-->
<!--            height: 50px;-->
<!--            margin-right: 15px;-->
<!--            vertical-align: middle;-->
<!--        }-->

<!--        /* 列表样式 */-->
<!--        .feature-list {-->
<!--            display: flex;-->
<!--            flex-wrap: wrap;-->
<!--            justify-content: space-between;-->
<!--            margin-top: 20px;-->
<!--        }-->

<!--        .feature-item {-->
<!--            background-color: #f9f9f9;-->
<!--            border: 1px solid #ddd;-->
<!--            border-radius: 8px;-->
<!--            padding: 20px;-->
<!--            width: 45%;-->
<!--            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);-->
<!--            margin-bottom: 20px;-->
<!--        }-->

<!--        .feature-item h3 {-->
<!--            margin-top: 0;-->
<!--        }-->

<!--        .feature-item p {-->
<!--            margin: 10px 0 0;-->
<!--        }-->

<!--        /* 图表样式 */-->
<!--        .chart {-->
<!--            text-align: center;-->
<!--            margin-top: 40px;-->
<!--        }-->

<!--        .chart img {-->
<!--            max-width: 100%;-->
<!--            height: auto;-->
<!--            border-radius: 10px;-->
<!--            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);-->
<!--        }-->
<!--    </style>-->
<!--</head>-->
<!--<body>-->
<!--    <header>-->
<!--        <h1>金融数据分级分类系统</h1>-->
<!--        <nav>-->
<!--            <ul>-->
<!--                <li><a href="{% url 'login' %}">登录</a></li>-->
<!--                <li><a href="{% url 'register' %}">注册</a></li>-->
<!--                <li><a href="{% url 'Tokenizer' %}">分词</a></li>-->
<!--                <li><a href="{% url 'segment' %}">词频统计</a></li>-->
<!--                <li><a href="{% url 'PosTagger' %}">词性识别</a></li>-->
<!--                <li><a href="{% url 'entity_insight' %}">命名实体识别</a></li>-->
<!--                <li><a href="{% url 'summarize' %}">自动摘要</a></li>-->
<!--                <li><a href="{% url 'keywords' %}">关键词提取</a></li>-->
<!--                <li><a href="{% url 'sentiment' %}">情感分析</a></li>-->
<!--                <li><a href="{% url 'help' %}">帮助</a></li>-->
<!--            </ul>-->
<!--        </nav>-->
<!--    </header>-->
<!--    <main>-->
<!--        <h2>欢迎来到金融数据分级分类系统</h2>-->
<!--        <p>-->
<!--            本系统旨在提供一套全面的金融数据分级分类解决方案，帮助用户更好地理解和分析金融数据。-->
<!--        </p>-->
<!--        <div class="feature-list">-->
<!--            <div class="feature-item">-->

<!--                <h3>分词组件</h3>-->
<!--                <p>-->
<!--                    分割出合理的词语序列，比如“我是中国人”，分割为“我”“是”“中国人”。-->
<!--                </p>-->
<!--            </div>-->
<!--            <div class="feature-item">-->

<!--                <h3>词性识别</h3>-->
<!--                <p>-->
<!--                    对词语序列赋予词性，如动词、名词、形容词、副词、介词。-->
<!--                </p>-->
<!--            </div>-->
<!--            <div class="feature-item">-->

<!--                <h3>信息抽取</h3>-->
<!--                <p>-->
<!--                    从生文本中抽取出结构化信息的任务，如实体抽取、关系抽取、事件抽取、情感抽取。-->
<!--                </p>-->
<!--            </div>-->
<!--            <div class="feature-item">-->

<!--                <h3>命名实体识别</h3>-->
<!--                <p>-->
<!--                    识别出特定意义实体词语，比如姓名、机构名、地点、数字、日期。-->
<!--                </p>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="chart">-->
<!--            <img src="{% static 'img/img3.png' %}" alt="金融数据图表">-->
<!--            <p>金融数据分类示例图表</p>-->
<!--        </div>-->
<!--        <h2>系统优势</h2>-->
<!--        <p>-->
<!--            1. 高效的数据处理能力，能够快速处理大规模金融数据。-->
<!--            系统采用先进的架构设计，确保在高并发、大数据量的情况下依然能够保持流畅运行。通过优化的算法和高效的资源管理，系统能够迅速响应各种请求，提升用户体验。同时，系统具备出色的稳定性，能够长时间稳定运行，减少故障和停机时间，保障业务连续性。-->
<!--        </p>-->
<!--        <p>-->
<!--            2. 准确的分类算法，能够精准识别金融数据中的关键信息。-->
<!--            系统采用模块化设计，各个模块之间相对独立，易于扩展和升级。随着业务的发展和变化，系统可以轻松地添加新功能或优化现有功能，满足不断变化的业务需求。此外，系统还提供了丰富的配置选项和接口，方便用户根据实际需求进行灵活定制，实现个性化需求。-->
<!--        </p>-->
<!--        <p>-->
<!--            3. 用户友好的界面设计，让数据分析和处理变得更加简单。-->
<!--            系统界面简洁明了，易于操作和使用。通过友好的用户界面和清晰的导航设计，用户可以轻松上手并快速完成各种操作。同时，系统还提供了详细的文档和教程，方便用户进行自主学习和问题解决。在可维护性方面，系统采用标准化的代码和组件设计，便于开发人员进行维护和升级工作。-->
<!--        </p>-->
<!--        <p>-->
<!--            4. 系统注重安全性设计，采用多种安全措施保障用户数据的安全和隐私。-->
<!--            通过加密传输、访问控制、安全审计等手段，系统能够有效防止数据泄露和非法访问。同时，系统还具备强大的容错和恢复能力，能够在发生故障时迅速恢复运行，保障数据的完整性和业务的可靠性。-->
<!--        </p>-->
<!--        <p>-->
<!--            5. 系统引入了人工智能技术，通过机器学习、自然语言处理等技术实现智能化决策和自动化处理。-->
<!--            这不仅可以提高系统的处理效率和准确性，还能够减轻人工操作的负担，降低运营成本。此外，智能化系统还能够根据用户的行为和偏好进行个性化推荐，提升用户体验和满意度。-->
<!--        </p>-->
<!--        <h2>联系方式</h2>-->
<!--        <p>-->
<!--            如果您有任何问题或需要进一步的帮助，请联系我们的支持团队：-->
<!--        </p>-->
<!--        <p>-->
<!--            邮箱：support@financialdata.com-->
<!--        </p>-->
<!--        <p>-->
<!--            电话：+123-456-7890-->
<!--        </p>-->
<!--    </main>-->
<!--</body>-->
<!--</html>-->

<!DOCTYPE html>
<html lang="zh-CN">
{% load static %}
<head>
    <meta charset="UTF-8">
    <title>法律法规数据分级分类系统</title>
    <style>
        /* 全局样式 */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #e7f1ff; /* 更改为淡蓝色背景 */
            color: #333;
            display: flex; /* 使用Flexbox布局 */
        }

        /* 导航栏样式 */
        nav {
            background-color: #191970;
            width: 200px; /* 设置导航栏宽度 */
            padding-top: 20px;
            height: 100vh; /* 设置导航栏高度为视口高度 */
            position: fixed; /* 固定导航栏 */
        }

        nav ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column; /* 垂直排列 */
            align-items: flex-start; /* 左对齐 */
        }

        nav li {
            margin: 10px 0; /* 增加上下间距 */
        }

        nav a {
            display: block;
            padding: 10px 20px;
            color: white;
            text-align: center; /* 左对齐文本 */
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s, transform 0.2s;
            width: 100%; /* 链接宽度填满 */
        }

        nav a:hover {
            background-color: #4169E1;
            transform: scale(1.05);
        }

        nav a:active {
            transform: scale(0.95);
        }

        /* 主体内容样式 */
        main {
            margin-left: 220px; /* 使内容区域右移，给导航栏留出空间 */
            max-width: 1200px;
            padding: 40px;
            background-color: #e7f1ff;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        /* 标题和副标题样式 */
        h2 {
            color: #191970;
            margin-top: 40px;
            border-bottom: 2px solid #ddd;
            padding-bottom: 15px;
            font-size: 2em;
        }

        h3 {
            color: #191970;
            margin-top: 20px;
            font-size: 1.5em;
        }

        h4 {
            color: #191970;
            font-size: 25px;
            line-height: 1.6;
            margin: 20px 0;
            padding: 0;
        }

        /* 段落样式 */
        p {
            font-size: 16px;
            line-height: 1.6;
            margin: 20px 0;
            padding: 0;
            color: black;
        }

        /* 列表样式 */
        .feature-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-top: 20px;
        }

        .feature-item {
            background-color: #f9f9f9;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 20px;
            width: 45%;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }

        .feature-item h3 {
            margin-top: 0;
        }

        .feature-item p {
            margin: 10px 0 0;
        }

        /* 图表样式 */
        .chart {
            text-align: center;
            margin-top: 40px;
        }

        .chart img {
            max-width: 100%;
            height: auto;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
    </style>
</head>
<body>
    <nav>
        <ul>
            <li><a href="{% url 'login' %}">登录</a></li>
            <li><a href="{% url 'register' %}">注册</a></li>
             <li><a href="{% url 'Tokenizer' %}">分词</a></li>
            <li><a href="{% url 'PosTagger' %}">词性识别</a></li>
            <li><a href="{% url 'segment' %}">词频分析报告</a></li>
            <li><a href="{% url 'entity_insight' %}">命名实体识别</a></li>
            <li><a href="{% url 'summarize' %}">自动摘要</a></li>
            <li><a href="{% url 'keywords' %}">关键词提取</a></li>
            <li><a href="{% url 'sentiment' %}">情感分析</a></li>
            <li><a href="{% url 'help' %}">帮助</a></li>
        </ul>
    </nav>
    <main>
        <h1>欢迎来到法律数据分级分类系统</h1>
        <p>
            本系统旨在提供一套全面的法律法规数据分级分类解决方案，帮助用户更好地理解和分析法律法规数据。
        </p>
        <div class="feature-list">
            <div class="feature-item">

                <h3>分词组件</h3>
                <p>
                    分割出合理的词语序列，比如“我是中国人”，分割为“我”“是”“中国人”。
                </p>
            </div>
            <div class="feature-item">

                <h3>词性识别</h3>
                <p>
                    对词语序列赋予词性，如动词、名词、形容词、副词、介词。
                </p>
            </div>
            <div class="feature-item">

                <h3>信息抽取</h3>
                <p>
                    从生文本中抽取出结构化信息的任务，如实体抽取、关系抽取、事件抽取、情感抽取。
                </p>
            </div>
            <div class="feature-item">

                <h3>命名实体识别</h3>
                <p>
                    识别出特定意义实体词语，比如姓名、机构名、地点、数字、日期。
                </p>
            </div>
        </div>
        <div class="chart">
            <h4>法律法规数据分类示例图表</h4>
            <img src="{% static 'img/img1.png' %}" alt="法律法规数据图表">
        </div>
        <h2>系统优势</h2>
        <p>
            1. 高效的数据处理能力，能够快速处理大规模金融数据。
            系统采用先进的架构设计，确保在高并发、大数据量的情况下依然能够保持流畅运行。通过优化的算法和高效的资源管理，系统能够迅速响应各种请求，提升用户体验。同时，系统具备出色的稳定性，能够长时间稳定运行，减少故障和停机时间，保障业务连续性。
        </p>
        <hr>
        <p>
            2. 准确的分类算法，能够精准识别金融数据中的关键信息。
            系统采用模块化设计，各个模块之间相对独立，易于扩展和升级。随着业务的发展和变化，系统可以轻松地添加新功能或优化现有功能，满足不断变化的业务需求。此外，系统还提供了丰富的配置选项和接口，方便用户根据实际需求进行灵活定制，实现个性化需求。
        </p>
        <hr>
        <p>
            3. 用户友好的界面设计，让数据分析和处理变得更加简单。
            系统界面简洁明了，易于操作和使用。通过友好的用户界面和清晰的导航设计，用户可以轻松上手并快速完成各种操作。同时，系统还提供了详细的文档和教程，方便用户进行自主学习和问题解决。在可维护性方面，系统采用标准化的代码和组件设计，便于开发人员进行维护和升级工作。
        </p>
        <hr>
        <p>
            4. 系统注重安全性设计，采用多种安全措施保障用户数据的安全和隐私。
            通过加密传输、访问控制、安全审计等手段，系统能够有效防止数据泄露和非法访问。同时，系统还具备强大的容错和恢复能力，能够在发生故障时迅速恢复运行，保障数据的完整性和业务的可靠性。
        </p>
        <hr>
        <p>
            5. 系统引入了人工智能技术，通过机器学习、自然语言处理等技术实现智能化决策和自动化处理。
            这不仅可以提高系统的处理效率和准确性，还能够减轻人工操作的负担，降低运营成本。此外，智能化系统还能够根据用户的行为和偏好进行个性化推荐，提升用户体验和满意度。
        </p>
        <h2>联系方式</h2>
        <p>
            如果您有任何问题或需要进一步的帮助，请联系我们的支持团队：
        </p>
        <p>
            邮箱：support@financialdata.com
        </p>
        <p>
            电话：+123-456-7890
        </p>
    </main>
</body>
</html>